<template>
    <div class="NavBarTitle">
        <van-nav-bar
                left-arrow
                @click-left="onClickLeft"
                fixed
                placeholder
                z-index="2"
        >
        <div slot="title">{{NavBarTitle}}</div>
        </van-nav-bar>
    </div>
</template>
<style>
    .NavBarTitle .van-nav-bar__text,.van-nav-bar .van-icon{
        color:#333333;
    }
    .NavBarTitle /deep/ .van-nav-bar__title{
        font-size: 17px;
        color: #000;
        /*padding-top: 0.16rem;*/
    }
</style>
<script>
    import { NavBar } from 'vant';
    export default {
        props: ['NavBarTitle'],
        data() {
            return  {
//                NavBarTitle:"期中考试"
//                NavBarTitle:this.NavBarTitle
            }
        },
        components: {
            [NavBar.name]:NavBar,
        },
        methods:{
            onClickLeft(){
                this.$router.go(-1);
            }
        }
    }
</script>